<template>
    <div :style="'width:'+width+';height:'+width+'px;line-height:'+width+''"
         style="z-index:99999;position:fixed;right:8%;bottom:15%;border:none;border-radius: 50%;background-color:#26a2ff;color:#fff"
         @click="handleClick">
        <div style="text-align: center">
            <slot></slot>
        </div>
    </div>
</template>
<script>

    export default {
        props: [
            'radius'
        ],
        computed: {
            width(){
                return this.radius ? this.radius : '3em';
            }
        },
        methods:{
            handleClick(evt) {
                this.$emit('click', evt);
            }
        }
    };
</script>

